/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
#slider{
width:100%;
margin-top:10px;
}


#left{
	margin-left:10px;
	float:left;
	width:265px;
	height:170px;
	border-radius:5px;	
	overflow:hidden;
}

#left img{
	border-radius:5px;
	overflow:hidden;
}
#right{
	position:relative;
	margin: 10px 5px 10px 320px;
}


#right h2{
	font-family:"Open Sans", Helvetica;
	font-size:26px;
	color:#333;
	padding:0 0 5px 0;
	text-align:center;
	font-weight:500;
	text-overflow: ellipsis-word;
}

#right p{
	font-family:"Open Sans", Helvetica;
	padding:10px 5px 5px 10px;
	font-size:12px; line-height:20px;
	color:#333;
	background:rgba(170, 170, 170, 0.32);

}

 .bx-more{
	top:150px;
	width:70px;
	left:70%;
	padding:0 5px 0 5px;
	margin-top:10px;
	border-radius:20px;
	height:30px;
	background:#ee661c;
}

.bx-more span{
	font-family:ubuntu;
	font-size:12px;
	display:block;
	color:#fff;
	line-height:30px;
	text-align:center;
}

.bx-wrapper{
	width:100%;
	overflow:hidden;
	}
.bx-next {
	position:absolute;
	top:75%;
	left:95%;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/orange_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:75%;
	left:90%;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/orange_prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(images/orange_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(images/orange_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(images/orange_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}



.no-thumb{
  position: relative; 
	width:260px; height:160px;
	border-radius:5px;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ededed 0%, #ededed 46%, #e2e2e2 56%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ededed), color-stop(46%,#ededed), color-stop(56%,#e2e2e2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ededed 0%,#ededed 46%,#e2e2e2 56%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ededed 0%,#ededed 46%,#e2e2e2 56%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ededed 0%,#ededed 46%,#e2e2e2 56%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ededed 0%,#ededed 46%,#e2e2e2 56%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:1px solid #ccc;
	
	}
	
.no-thumb h2 { 
   position: absolute; 
   font-family:BebasNeueRegular, Helvetica;
   	font-size:26px;
   top: 40%;
   padding:10px 0 5px 0;
   text-align:center;
   width: 100%; 
   color: #555; 
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.2);
}
	
.no-thumb h3 { 
   position: absolute; 
   font-family:ubuntu, Helvetica;
   	font-size:14px;
   top: 90%;
   left:5px;
   width: 100%; 
   color: #555; 

}
.no-thumb h2 span { 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   padding: 10px; 
}



